<%@ page import="com.xiaoyi.pojo.Order" %>
<%@ page import="org.aspectj.weaver.ast.Or" %><%--
  Created by IntelliJ IDEA.
  User: 世界上最帅的詹姆斯
  Date: 2021-01-23
  Time: 14:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + request.getContextPath() + "/";
%>
<%

%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="<%=basePath%>join/css/style.css" rel="stylesheet" type="text/css">
    <link href="<%=basePath%>join/css/nice-select.css" rel="stylesheet" type="text/css">
    <style type="text/css"></style>
</head>
<link type="text/css" rel="stylesheet" href="<%=basePath%>page/layui/css/layui.css">
<body class="layui-layout-body" style="background: #f7f7f7;overflow: scroll">
<div class="layui-layout layui-layout-admin" >
    <div class="layui-header" style="z-index:1;width: 100%;height:90px;background: white">
        <div class="layui-logo" style="font-size: 18px;color: #666666">小姜姜国际酒店</div>
        <ul class="layui-nav" style="background:#ffffff;opacity: 0.7;position: relative;height: 70px">
            <li class="layui-nav-item" style="position: relative;left: 250px"><img src="<%=basePath%>static/images/tt_luxury.png" style="width: 180px;height: 70px"></li>
            <li class="layui-nav-item" style="position: relative;left: 300px;"><a href="" style="color: #333333">首页</a></li>
            <li class="layui-nav-item" style="position: relative;left: 300px;color: #333333"><a href="" style="color: #333333">关于品牌</a>
                <dl class="layui-nav-child" style="background: white;color: #333333;z-index: 20">
                    <dd><a href="">关于我们</a></dd>
                    <dd><a href="">品牌背景</a></dd>
                    <dd><a href="">品牌CEO</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item " style="position: relative;left: 300px;color: #333333"><a href="" style="color: #333333">用户登录</a></li>
            <li class="layui-nav-item" style="position: relative;left: 300px;color: #333333"><a href="" style="color: #333333">用户注册</a></li>
            <li class="layui-nav-item " style="position: relative;left: 300px;color: #333333">
                <a href="javascript:;" style="color: #333333">我的订单</a>
            </li>
            <li class="layui-nav-item layui-this " style="position: relative;left: 300px;color: #333333"><a style="color: #333333" href="BookList">预订酒店</a></li>
            <li class="layui-nav-item" lay-unselect="" style="position: relative;left: 550px ;color: #333333">
                <a href="javascript:;" style="color: #333333"><i class="layui-icon" style="color: #333333">&#xe678;</i>&nbsp;${user.realName}</a>
                <dl class="layui-nav-child" style="color: #333333;z-index: 20">
                    <dd><a href="javascript:;">修改信息</a></dd>
                    <dd><a href="javascript:;">安全管理</a></dd>
                    <dd><a href="javascript:;">退了</a></dd>
                </dl>
            </li>
        </ul>
    </div>
</div>
<div style="position: relative;top: 50px">
    <div class="top" style="border:1px solid #d3d3d3;border-bottom:none;background: #ffffff;width: 1198px;height: 75px;position: relative;left: 150px;top:40px">
        <label style="color: #5fadf9;margin: 25px 25px;font-size: 18px;" >订单支付</label>
    </div>
    <div style="border:1px solid #d3d3d3;background: #ffffff;width: 1118px;height: 288px;position: relative;left: 150px;top:40px;padding: 30px 40px">
        <div class="left"><img src="<%=basePath%>static/images/wx.png" style="width: 160px;height: 130px;"></div>
        <div class="address" style="color: #5fadf9;font-size: 18px;margin:-140px  0px 0 200px">湖南省长沙市岳麓区湖南XXXXXXX学院</div>
        <div class="low" style="color: #333333;font-size: 14px;padding: 30px 0px 0px 200px">
            <span style="padding: 0px 30px 0px 0px">${order.rtname}</span><i style="font-size: 18px;width: 1px"></i>
            <span style="padding: 0px 80px ">入住：${startTime}</span>
            <span style="padding: 0px 0px 0px 80px">离店：${endTime}</span>
            <div style="background: #fffde7;width: 450px;padding: 10px;margin: 25px -8px">
                <i class="layui-icon" style="color: #ff0000;margin: 0px 10px -1px 6px">&#xe60b;</i>
                您需要在三十分钟之内付款否则自动取消订单
            </div>
        </div>
        <div class="right" style="color: #999999;font-size: 12px;position: relative;left: 900px;top: -120px">
            <p style="display: inline-block">应付金额：</p>
            <span style="color: red;font-size: 15px">￥</span>
            <span style="color: red;font-size: 24px">${order.onumber*order.rtprice}</span>
        </div>
        <div style="width: 1118px;height: 80px;border: 1px solid #f5f5f5">
            <div style="font-size: 14px;color: #666666;margin: 15px;display: inline-block">温馨提示
                <div style="display: inline-block;margin: 0px 30px">
                    <span style="color: #5fadf9;font-size: 12px">您是我们的蓝卡会员，可享受的会员权益：</span>
                </div>
                <div style="margin: 10px">
                    <ul style="font-size: 12px">
                        <li style="float: left;margin: 0px 80px 0px 80px">住宿房费不会打折</li>
                        <li style="float: left;margin: 0px 80px 0px 80px">预定保留时间19:00</li>
                        <li style="float: left;margin: 0px 80px 0px 80px">延迟退房时间13:00</li>
                    </ul>
                </div>
            </div>

        </div>

    </div>
    <div class="layui-tab" style=" border: 1px solid lightgrey;border-top:none;padding: 50px;background: #ffffff;width: 1098px;position: relative;left: 150px;top: 30px;height: 230px">
        <ul class="layui-tab-title" style="">
            <li class="layui-this">支付方式</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div style="border: 1px solid;width: 150px;margin: 20px 200px"><img src="<%=basePath%>static/img/zfb.png" style="width: 150px;height: 50px"></div>
                <div style="border: 1px solid;width: 150px;margin: -70px 400px"><img src="<%=basePath%>static/img/wxzf.png" style="width: 150px;height: 50px"></div>

            </div>
        </div>
        <div style="position: relative;left: 500px;width: 100px;top: 125px"><button class="layui-btn layui-btn-danger" onclick="payGet()">立即支付</button></div>
    </div>
    <footer class="footer" style="width: 100%;position: relative;top: 50px">
        <div class="container " style="width: 100%">
            <div class="box" style="width: 1500px;position: relative;left: -500px">
                <div class="logo"><img src="../static/picture/logo.png"></div>
                <div class="footer-nav">
                    <a href="../join/index.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">首页</a>
                    <a href="../index/aboutus.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">关于潮漫</a>
                    <a href="visu.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">潮漫形象</a>
                    <a href="../join/index.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">合作加盟</a>
                    <a href="../join/index.html" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">新闻动态</a>
                    <a href="http://www.plateno.com/" target="_blank" class="nav-item" style="position:relative;padding: 0px 50px 0px 50px">预订酒店</a>
                </div>
            </div>
            <div class="ewm-wrap lg-hide box "style="width: 1500px;position: relative;left: -500px;top: -50px" >
                <img class="public-ewm" src="../static/images/wx.png" style="width: 100px;height: 100px"/>
                <p class="txt">长按识别二维码，关注小姜姜</p>
            </div>
            <p class="copyright"style="position: relative;top: -50px">
                Copyright &copy; 2020 - 2020 小意精品酒店（湖南涉外经济学院） <a href="http://www.baidu.com" target="_blank">湘ICP备20201119号</a>
            </p>
        </div>
    </footer>
</div>
<script src="<%=basePath%>page/layui/layui.js"></script>
<script src="<%=basePath%>join/js/jquery.js"></script>
<script>

    function payGet(){
        location.href="page/pay/alipay.index.jsp?WIDout_trade_no="+'${order.orderid}'+"&WIDsubject="+'${order.rtname}'+"&WIDtotal_amount="+${order.onumber*order.rtprice};
    }
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
        //监听导航点击
        element.on('nav(demo)', function(elem){
            //console.log(elem)
            layer.msg(elem.text());
        });

    });

</script>
</body>

</html>
